[接下來28天，我們則以Flutter & React Native 進行實作，在開始寫程式之前有一件很重要的事情你知道是什麼嗎？]

朋友 ：[不知道？]

我： [當然是安裝開發環境啊！妳是什麼系統？]

朋友 ：[Windows........你以為我會這麼說ㄇ，當然是mac 啦！]

我： [.....]

開始安裝

我： [首先，打開react-native的官網]

https://facebook.github.io/react-native/

朋友 ：[嗯？]

我： [點選Doc，打開Getting Started]

朋友 ：[.....然後看者教學做？]

我： [對，前提是你已經有了其他工具]

在Mac OS下安裝工具

以 10.14.6 為例

Homebrew:
“macOS 缺少套件的管理工具”
使你的mac可以安裝各式各樣的工具

Install oh-my-zsh now

sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"
    or
sh -c "$(wget https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh -O -)"

iterm2

好用美觀的終端機工具

https://iterm2.com/downloads.html

ohmy zsh

美化你的終端機

https://ohmyz.sh

Git:

版本控制工具，時光機

透過網址下載安裝包
https://git-scm.com/download/mac

Node.Js:

主要開發語言

透過 NVM 進行版本管理以及安裝

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash
    or 
wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash

編輯設定檔（~/.bash_profile, ~/.zshrc, ~/.profile, or ~/.bashrc)等等
範例： (如果不能編輯請加 sudo )  nano  ~/.zshrc
使設定檔生效 ： source ~/.zshrc

用 NVM 安裝 node.Js
    
nvm install node 
 or 選定版本
nvm install 12 # or 10.10.0, 8.9.1, etc

使用該版本 node.Js 
nvm use node

安裝React Native CLI:

參考教學 直接跳到步驟 React Native CLI:

https://facebook.github.io/react-native/docs/getting-started

npm install -g react-native-cli

npm 是 node 附帶的套件管理工具

Xcode

Xcode mac app 與ios app 開發必備的工具，在安裝上面套件的時候系統可能會跳出提示，不要擔心，看清楚後按同意安裝即可(看不懂可以Google 或是 stackoverflow)

VScode 編輯器

邪惡微軟帝國推出令不少工程師愛不釋手的文字編輯器

https://code.visualstudio.com/download

測試你的環境是否正常

mkdir WorkSpace && cd WorkSpace
react-native init AwesomeProject
cd AwesomeProject
react-native run-ios

使用Git 紀錄變更

git init 
git add .
git commit -m "第一次用git"

朋友 ：[如果不正常怎麼辦？]

Google ＆ stackoverflow

全能搜尋引擎
與
工程師必備男性交友論壇
基本上輸入你的錯誤代碼都可以找到答案喔～
也可以在下面留言